<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles" %>
<c:set var="basePath" value="//${header['host']}${pageContext.request.contextPath}/" scope="session"/>
<!DOCTYPE html>
<html>
<head>
  <base href="${basePath}">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  <title>掌上黄金管理后台</title>
  <link href="https://cdn.bootcss.com/element-ui/2.2.1/theme-chalk/index.css" rel="stylesheet">
  <link href="static/emp/css/common.css" rel="stylesheet">
  <script src="https://cdn.bootcss.com/vue/2.5.3/vue.js"></script>
  <script src="https://cdn.bootcss.com/element-ui/2.2.1/index.js"></script>
  <script src="https://cdn.bootcss.com/axios/0.18.0/axios.min.js"></script>
  <script src="static/emp/js/dev/common.js"></script>
</head>
<body>
<div class="wrapper">
  <div id="layout">
    <div class="header">
      <div class="logo">后台管理系统</div>
      <div class="user-info">
        <el-dropdown trigger="click" @command="handleCommand">
          <span class="el-dropdown-link">${sessionScope.loginUsr.loginName}</span>
          <el-dropdown-menu slot="dropdown">
            <el-dropdown-item command="loginout">退出</el-dropdown-item>
          </el-dropdown-menu>
        </el-dropdown>
      </div>
    </div>
    <div class="sidebar">
      <el-menu default-active="${empty menuIndex ? '0000' : menuIndex}" class="el-menu-vertical-demo" theme="dark" unique-opened>
        <el-menu-item index="0000">
          <i class="el-icon-menu"></i>
          <span slot="title">个人主页</span>
        </el-menu-item>
        <el-submenu index="9000">
          <template slot="title"><i class="el-icon-date"></i>系统设置</template>
          <el-menu-item index="9001">
            <a href="${basePath}emp/sys/usr?menuIndex=9001">用户管理</a>
          </el-menu-item>
          <el-menu-item index="9002">
            <a href="${basePath}emp/sys/msg_template?menuIndex=9002">消息模板</a>
          </el-menu-item>
          <el-menu-item index="9009">
            <a href="${basePath}emp/sys/dict?menuIndex=9009">数据字典</a>
          </el-menu-item>
        </el-submenu>
      </el-menu>
    </div>
  </div>
  <div class="content">
    <tiles:insertAttribute name="content" />
  </div>
</div>
</body>
<script type="text/javascript">
  new Vue({
    el: '#layout',
    data: function() {
      return {  }
    },
    methods: {
      handleCommand: function (command) {

      }
    }
  })
</script>
</html>